<template>
  <div class="dataan-container">
    <el-tabs v-model="activeTab" type="border-card">
      <el-tab-pane label="质量统计" name="statistics">
        <quality-statistics />
      </el-tab-pane>
      <el-tab-pane label="SPC分析" name="spc">
        <spc-analysis />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import QualityStatistics from "./components/QualityStatistics.vue";
import SpcAnalysis from "./components/SpcAnalysis.vue";

export default {
  name: "DataAnalysis",
  components: {
    QualityStatistics,
    SpcAnalysis
  },
  data() {
    return {
      activeTab: "statistics"
    };
  }
};
</script>

<style scoped>
.dataan-container {
  padding: 10px;
  background-color: #f5f7fa;
  height: 100%;
}
</style> 